#chargeDetails {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: #F6F6F6;
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            text-align: center;
            font-size: 18px;
            margin-right: 30px;
        }

    }
    ul {
        margin-top: 8px;
        background: #fff;
        width: 100%;
        li {
            @include flexbox();
            @include justify-content(space-between);
            padding: 15px 0;
            margin: 0 15px;
            height: 55px;
            line-height: 25px;
            border-bottom: 1px solid rgba(223,223,223,1);
            font-size: 15px;
            &:last-child {border: none;}
            span {
                color: rgb(156,156,156);
            }
            i {
                color: rgba(51,51,51,1);
            }
        }
    }
    a {
        display: block;
        margin: auto;
        text-align: center;
        margin-top: 22px;
        width: 129px;
        height: 35px;
        border-radius: 20px;
        line-height: 35px;
        font-size: 17px;
        color: #fff;
        background: rgba(229,50,45,1);
         
    }
}